<template>
	<view>
		<gifts :space='50'/>
		<blood-bar :left="pkInfo.left" :right="pkInfo.right"/>
		<blood-sin :left="pkInfo.left" :right="pkInfo.right"/>
		<rank/>
		<gifts-vertical/>
		<countdown/>
		<current-perfrom/>
	</view>
</template>

<script>
	
	import gifts from '@/components/gifts/gifts.vue'
	import bloodBar from '@/components/blood-bar/blood-bar.vue'
	import bloodSin from '@/components/blood-sin/blood-sin.vue'
	import rank from '../../components/rank/rank.vue'
	import giftsVertical from '@/components/gifts-vertical/gifts-vertical.vue'
	import countdown from '@/components/countdown/countdown.vue'
	import currentPerfrom from '@/components/current-perfrom/current-perfrom.vue'

	export default {
		
		components: {
			gifts,
			bloodBar,
			bloodSin,
			rank,
			giftsVertical,
			countdown
		},
		
		data() {
			return {
				pkInfo: {
					left: {
						num: 2345,
						user: {
							name: '小月月',
							gift_icon: ''
						},
						victory_count: 5
					},
					right: {
						num: 10000,
						user: {
							name: '蒋文云',
							gift_icon: ''
						},
						victory_count: 3
					}
				}
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
